@charset'utf-8';
@import "_mixin";

html, body {
  color: @colorFont;
  background-color: @colorBackground;
  font-size: 13px;
  line-height: 24px;
  font-family: "Ubuntu", "Consolas", "Microsoft YaHei", "Verdana", "Arial", sans-serif
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

button, input, option, select, textarea {
  font-size: 13px;
  line-height: 24px;
  font-family: "Ubuntu", "Consolas", "Microsoft YaHei", "Verdana", "Arial", sans-serif
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

ol, ul {
  list-style: none
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500
}

a {
  text-decoration: none
}

a:hover {
  text-decoration: none
}

.clear {
  zoom: 1
}

.clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

.block {
  display: block
}

.inline {
  display: inline
}

.inline-block {
  display: inline-block
}

.hide {
  display: none
}

.left {
  float: left
}

.right {
  float: right
}

.relative {
  position: relative
}

.absolute {
  position: absolute
}

.h1 {
  font-size: 2em;
  margin: 1em 0
}

.h2 {
  font-size: 1.8em;
  margin: .8em 0
}

.h3 {
  font-size: 1.5em;
  margin: .5em 0
}

.h4 {
  font-size: 1.2em;
  margin: .3em 0
}

.h5, .h6 {
  font-size: 1em;
  font-weight: bold;
  margin: .2em 0
}

.align-center {
  text-align: center
}

a {
  color: @colorBlue
}

a:hover {
  color: @colorBlue2
}

.container{
  width: 1190px;
  margin: 0 auto;
}

.form{
  .item{
    padding: .8em 0;
  }
  .divide{
    height: 4px;
    background-color: @colorBorder3;
    margin: 1em 0;
  }
}

.ipt,.select{
  border: 1px solid @colorBorder2;
  background-color: #FFF;
  &:hover{
    background-color: #dce0ff;
  }
  &:focus{
    background-color: #FFF;
  }
  padding: .6em 1em;
  .css3-border-radius(.3em);
}

.select{
  min-height: 40px;
  min-width: 3em;
}

.chk{
  vertical-align: middle;
  margin: 0 .8em;
}

.chk-span{
  padding: .6em 1em;
  background-color: #FFF;
  border: 1px solid @colorBorder2;
  .css3-border-radius(.3em);
  min-height: 24px;
  display: inline-block;
  color: @colorFont2;
  &:hover{
    .chk-word{
      color: @colorFont;
    }
  }
}

.btn{
  border: 1px solid @colorBlue3;
  .css3-border-radius(.3em);
  .css-linear-background(top,@colorBlue,@colorBlue2);
  padding: 0 1.2em;
  min-height: 40px;
  color: #FFF;
  text-shadow: 0 0 2px @colorFont2;
  cursor: pointer;
  outline: none;
  &:hover{
    .css-linear-background(top,@colorBlue2,@colorBlue3);
  }
}

.btn.save{
  border-color: @colorGreen2;
  .css-linear-background(top,@colorGreen,@colorGreen1);
  &:hover{
    .css-linear-background(top,@colorGreen1,@colorGreen2)
  }
}

.btn.loading{
  border: 1px solid @colorFont2;
  .css-linear-background(top,@colorBorder3,@colorBorder);
  cursor: not-allowed;
  color: @colorFont;
}

.btn.delete{
  border-color: @colorRed2;
  .css-linear-background(top,@colorRed,@colorRed1);
  &:hover{
    .css-linear-background(top,@colorRed1,@colorRed2)
  }
}

.message{
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}

.message.error{
  color: @colorRed1;
  background-color: #ffdddc;
}

.message.success{
  color: @colorGreen1;
  background-color: #e6ffea;
}

.list {
  li {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: .5em;
    padding-top: .5em;
    border-bottom: 1px solid @colorBorder3;
    &:last-child {
      border-bottom: none;
      margin-bottom: 0;
    }
    &:hover {
      background-color: #e5e6ea;
    }
  }
  li.active{
    background: #f6ffc5;
  }
}


.pager {
  color:@colorFont2;
  .total{
    margin-right: 1em;
    font-family: Verdana,Tahoma,sans-serif;
  }
  .item {
    padding: 6px 12px;
    background-color: #EEE;
    color: @colorFont;
    font-weight: bold;
    &:hover {
      background-color: #888;
      color: #FFF;
    }
    margin: 0 .5em;
    .css3-border-radius(.3em);
    font-size: 14px;
  }
  .item.active {
    background-color: @colorBlue;
    color: #FFF;
  }
}

.markdown{
  p{
    line-height: 30px;
  }
  h1 {
    .h1
  }
  h2 {
    .h2
  }
  h3 {
    .h3
  }
  h4 {
    .h4
  }
  h5 {
    .h5
  }
  h6 {
    .h6
  }
  h1, h2, h3 {
    margin-top: 1em;
    padding-bottom: .5em;
    border-bottom: 1px solid @colorBorder2;
  }
  h4, h5 {
    margin-top: 1em;
    padding-bottom: .3em;
    border-bottom: 1px dashed @colorBorder2;
    font-weight: bold;
  }
  ul{
    li{
      list-style: disc inside;
    }
  }
  ol{
    li{
      list-style: decimal inside;
    }
  }
  code {
    padding: 2px 5px;
    color: @colorRed;
    background-color: #F6F6F6;
  }
  pre, blockquote {
    padding: 6px 12px;
    border-left: 4px solid @colorBorder2;
    margin: 12px 0;
    code {
      padding: 0;
      background-color: transparent;
      color: #444;
    }
    font-size: 12px;
    line-height: 18px;
    word-break: keep-all;
  }
}